<template>
  <div>
    <span>用户名 </span><input type="text" name="username" /><br />
    <span style="margin-right: 15px">密码 </span
    ><input type="text" name="password" />

    <div style="margin-top: 20px">
      <button style="margin-right: 20px">登录</button>
      <button @click="toRegister">注册</button>
    </div>
  </div>
</template>

<script>
export default {
  name: '',
  components: {},
  props: {},
  data() {
    return {}
  },
  computed: {},
  watch: {},
  created() {},
  methods: {
    // toRegister() {
      // this.$router.push(
    //     // path:'/register',
    //     // // name:'Register'
    //     // query:{
    //     //   name:'zzc',
    //     // }
    //     //  简写
    //     '/register?name=zzc'
    //     '/register/xl'
    //   )
    // },
    toRegister() {
      this.$router.push({
        // path: '/register',
        name:'Register',
        // 编程式传参query只能在path下传
        query: {
          name: 'zzc',
        },
        // 编程式传参params两个都可以传
        params:{
          name:'xl',
        }
      })
    },
  },
}
</script>

<style scoped></style>
